﻿* { padding: 0; margin: 0; list-style: none; font-size: 12px; font-family: Arial,sans-serif,Tahoma; text-decoration: none; }

.clr { clear: both; }

body { background: url(images/bg.jpg) top center no-repeat #83E4FF; }
#page { width: 1280px; margin: 0 auto 10px auto; background: url(images/content-bg.gif) top left repeat-x #f5f5f5; padding-top: 8px; border-radius: 5px; }

/*Header*/
#header { min-height: 105px; margin: 0 10px; background: url(images/banner.jpg) top left no-repeat; }
#header .account { float: right; text-align: right; white-space: nowrap; margin-right: 10px; }
#header .account .currentdate { color: #fff; font-weight: normal; font-family: Arial, Helvetica, sans-serif; line-height: 20px; padding: 0 15px 0 18px; font-size: 11px; }
.user, a.user:link, a.user:active, a.user:visited { color: #fff; text-decoration: none; padding: 0 10px 0 0px; line-height: 28px; font-size: 0.9em; }
.unlogin, a.unlogin:link, a.unlogin:active, a.unlogin:visited { color: #fff; text-decoration: none; padding: 0 10px 0 0px; line-height: 28px; background: url(images/login1.gif) left center no-repeat; font-size: 0.9em; }
#footer { min-height: 85px; margin: 0 10px; width:100%; text-align:center }

/*Menubox*/
#menubox { background: url(images/bg-menu.gif) top left repeat-x; height: 39px; margin: 0 10px; border-radius: 5px; }
#menubox ul { margin: 0 auto; padding-left: 10px; padding-top: 3px; }
#menubox ul li { padding: 0 18px; display: inline-block; line-height: 30px; background: url(images/bg-menu.gif) repeat-x left;  }
#menubox ul li a { color: #fff; font-weight: bold; text-transform: uppercase; font-family:'UVNMangCauNang'}
#menubox ul li a:visited { background-color: #c7c301; border-radius: 5px; }
#menubox ul li:hover { background: #c7c301; border-radius: 5px; }
#menubox ul li:hover a { color: #fff; }

.h10 { height: 10px; clear: both; }
.main { margin: 0 auto; }
.content { background: #fff; width: 1260px; margin: 0 auto; }
.content .content-left { float: left; width: 200px; padding: 3px; }

.danhmuc { height: 30px; background: #ffffff; text-transform: uppercase; color: #eb8f00; font-weight: bold; font-size: 10pt; 
           line-height: 30px; padding-left: 30px; border-radius: 5px 5px 0 0; border: 1px solid #fbd850}
#sitemap				{ background: transparent; text-align:center; width: 198px; vertical-align:top}
#sitemap .tableAd		{ background:url(imagesAdmin/menu_bg.jpg) repeat-y; width: 200px; text-align:center; margin:0; padding:0;  border: 0; border-collapse: collapse; }
#sitemap .tableAd td	{ text-align:left; font-size:11px; font-weight:bold; color:#215dc6; width:168px; }
#sitemap .content,
#sitemap .content a	{ color:#215dc6; }
#sitemap .content a:hover	{ color:#fbc904; text-decoration:none; font-weight:bold }
#sitemap .content		{ background:#eee; width:200px; text-align:left; margin:0 auto; border-radius: 0 0 5px 5px }
#sitemap .content ul	{ list-style:none; padding:7px 0; }
#sitemap .content li	{ background:#eee; padding-left:10px; line-height:25px; font-size:11px; font-family:Tahoma;}
#sitemap .content li .txt{ font-family:UVNMangCauNang; font-size:14px}
#sitemap .content li img{ border:none; padding-right:5px; vertical-align:middle; }
#sitemap td.left		{ background:url(imagesAdmin/menu_left.jpg) top left; width:14px }
#sitemap td.right		{ background:url(imagesAdmin/menu_right.jpg) no-repeat top right; width:3px; }
#sitemap td.image		{ width:20px; cursor:pointer; padding:0 3px; }

.searchTop                              { width:561px; margin:9px 10px 9px 16px; position:relative;}
.searchTop input[type="text"]           { width:444px; height:30px; border:1px solid #dddddd; padding-left:5px; border-radius:5px;}
.searchTop input[type="submit"]         { height: 30px; color: #fff; font-size: 14px; width: 35px; background: #17a7ce url(images/search.jpg) no-repeat center; border-radius:5px; border-style: none; cursor:pointer;}
.searchTop input[type="submit"]:hover   { background: #17a7ce url(images/search.jpg) no-repeat center; }
.searchTop ul                           { border:1px solid #ccc; background:#eee; padding:5px 5px 0; border-radius:0px 0px 4px 4px; -webkit-border-radius:0px 0px 4px 4px; -moz-border-radius:0px 0px 4px 4px; box-shadow: 0 0 25px #e8e8e8; -moz-box-shadow: 0 0 25px #e8e8e8; -webkit-box-shadow: 0 0 25px #e8e8e8; position:absolute; width:444px; z-index:100;}
.searchTop ul li:hover                  { background:#dfdfdf;}
.searchTop ul li img                    { width:60px; height:60px; margin-right:5px; float:left;}
.searchTop ul li a                      { border:1px solid #fff; outline:1px solid #ddd; margin-bottom:3px; padding:10px; display:block; line-height:57px;}
.searchTop ul li a:hover                { background:#dfdfdf;}
.searchTop ul li a span                 { overflow:hidden; color:#555; font-weight:bold; font-size:11px; text-align:justify;}
.searchTop ul li a p                    { float:right; color:#f17300;}


#chaptersAccordion { clear: both; width: 200px; margin: 0 auto; text-align: left; }
.ui-accordion-header { padding: 0 4px; }
.ui-accordion .ui-accordion-content { padding: 0; }
.ui-accordion .ui-accordion-content ul { list-style: none; font-size: 0.8em; margin: 5px 10px; padding: 0; }
.ui-accordion .ui-accordion-content li { margin: 0 0 3px 0; padding: 0; }
.ui-accordion .ui-accordion-content ul li a { text-decoration: none; font-weight: bold; }
.ui-accordion .ui-accordion-content ul li a:hover { color: #40ace4; }

.content .content-right { float: right; width: 1040px; padding-right: 3px; }
fieldset
{
	border: 1px solid #99BBE8;
	padding: 0 10px;
    border-radius: 3px;
	margin-bottom: 10px;
	clear: left;
    padding-bottom:10px;
}
